<!--prj_1_3.html-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meta标记、body标记属性应用</title>
    <link type=""text/css" rel="stylesheet" href='hoverbox.css' />
</head>
<body bgcolor="#CDEBE6" onclick = "document.getElementById('song').play()">
    <div id="" class="">
        <h1>简易画廊灯箱设计</h1>
        <hr color="red">
        <ul class="hoverbox">
            <li><a href="#">
                <img src="../实验资源4/img/photo01.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo01.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo02.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo02.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo03.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo03.jpg" alt="description" />
            </a></li><li><a href="#">
                <img src="../实验资源4/img/photo04.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo04.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo05.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo05.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo06.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo06.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo07.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo07.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo08.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo08.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo09.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo09.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo10.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo10.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo11.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo11.jpg" alt="description" />
            </a></li>
            <li><a href="#">
                <img src="../实验资源4/img/photo12.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo12.jpg" alt="description" />
            <li><a href="#">
                <img src="../实验资源4/img/photo13.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo13.jpg" alt="description" />
            <li><a href="#">
                 <img src="../实验资源4/img/photo14.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo14.jpg" alt="description" />
             <li><a href="#">
                 <img src="../实验资源4/img/photo15.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo15.jpg" alt="description" />
             <li><a href="#">
                 <img src="../实验资源4/img/photo16.jpg" alt="description" class="preview" />
                <img src="../实验资源4/img/photo16.jpg" alt="description" />
            <li><a href="#">
                 <img src="../实验资源4/img/photo17.jpg" alt="description" class="preview" />
                 <img src="../实验资源4/img/photo17.jpg" alt="description" />
             <li><a href="#">
                  <img src="../实验资源4/img/photo18.jpg" alt="description" class="preview" />
                  <img src="../实验资源4/img/photo18.jpg" alt="description" />
             <li><a href="#">
                  <img src="../实验资源4/img/photo19.jpg" alt="description" class="preview" />
                  <img src="../实验资源4/img/photo19.jpg" alt="description" />
              <li><a href="#">
                    <img src="../实验资源4/img/photo20.jpg" alt="description" class="preview" />
                   <img src="../实验资源4/img/photo20.jpg" alt="description" />
            </a></li>
        </ul>
    </div>
</body>
</html>